div {
  /*开发测试阶段的辅助线*/
   /* border: 1px solid black; */
}
/* 第九楼 */
.f9>.container>div:nth-child(2){
	display: flex;
	justify-content: space-around;
}
.f9>.container{
	padding-bottom:150px;
}
.f9>.container>div>div{
	width:160px ;
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
}
.f9>.container>div>div>img{
	width: 100px;
}
.f9>.container>div>div>p{
	font-family:Helvetica Neue,Helvetica,Microsoft YaHei,Arial,sans-serif;
	color: #000000;
	font-size: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.f9>.container>div>div>span{
	font-size: 16px;
	font-family:Helvetica Neue,Helvetica,Microsoft YaHei,Arial,sans-serif;
}
.f9>.container>div>h1{
	font-family:Helvetica Neue,Helvetica,Microsoft YaHei,Arial,sans-serif;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 50px;
	color: #333
}
/* 第八楼 */
.f8{
	position: relative;
	height: 600px;
}
.f8>img{
	width: 100%;
	height: 600px;
	position: absolute;
	z-index: -1;
}
.f8>.container{
	display: flex;
	height: 600px;
	background-color: rgb(0,0,0,0.5);
}
.f8>.container>.f8_left{
	width: 200px;
	background-color: rgb(0,0,0,0.7);
}
.f8>.container>.f8_left>ul{
	margin-top:100px ;
	display: flex;
	flex-direction: column;
}
.f8>.container>.f8_left>ul>li{
	height: 50px;
	margin-top: 30px;
	color: white;
	text-align: center;
	padding-top: 18px;
	font-size: 16px;
}
.f8>.container>.f8_left>ul>li:hover{
	cursor: pointer;
	background-image: linear-gradient(to right,rgb(53,56,72 ), rgb(0,0,0,0.7));
}
.f8>.container>.f8_right{
	margin-left: 100px;
	color: white;
	width: 800px;
}
.f8>.container>.f8_right>.f8_right_top{
	padding-left: 100px;
	font-size: 36px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.f8>.container>.f8_right>.f8_right_bottom>div{
	display: none;
}			
.f8>.container>.f8_right>.f8_right_bottom>.cur{
	display: flex;
}
.f8>.container>.f8_right>.f8_right_bottom>.tongxueshuo{
	flex-direction: column;
}
.f8>.container>.f8_right>.f8_right_bottom>.tongxueshuo>div>div>img{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid rgb(255,205,0);
}
.f8>.container>.f8_right>.f8_right_bottom>.tongxueshuo>div>.tongxueshuo_1>span{
	font-size: 4px;
}
.f8>.container>.f8_right>.f8_right_bottom>.tongxueshuo>div>.tongxueshuo_2{
	display: flex;
	flex-direction: column;
	margin-bottom: 5px;
	margin-top: 10px;
}
.f8>.container>.f8_right>.f8_right_bottom>.tongxueshuo>div{
	margin-top: 15px;
}
hr{
	color: wheat;
	margin-top: 20px;
}
.f8>.container>.f8_right>.f8_right_bottom>.ganyan{
	/* display: flex; */
	flex-wrap: wrap;
}
.f8>.container>.f8_right>.f8_right_bottom>.ganyan>div>div>img{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid rgb(255,205,0);
}
.f8>.container>.f8_right>.f8_right_bottom>.ganyan>div{
	color: black;
	width: 300px;
	height: 150px;
	margin-left: 30px;
	margin-top: 40px;
	background-color: white;
	border-radius: 10px;
}
.f8>.container>.f8_right>.f8_right_bottom>.ganyan>div>div>.l1{
	font-size: 16px;
	font-family:Helvetica Neue,Helvetica,Microsoft YaHei,Arial,sans-serif;
}
.f8>.container>.f8_right>.f8_right_bottom>.shangkebiji{
	flex-wrap: wrap;
}
.f8>.container>.f8_right>.f8_right_bottom>.shangkebiji>img{
	width: 300px;
	height: 150px;
	margin: 10px;
}
.f8>.container>.f8_right>.f8_right_bottom>.zuoyepigai{
	flex-wrap: wrap;
}
.f8>.container>.f8_right>.f8_right_bottom>.zuoyepigai>img{
	width: 300px;
	height: 150px;
	margin: 10px;
	
}
/* 第七楼 */
.f7_top>div{
	display: flex;
}
.f7_top>div{
	margin-left: 150px;
	margin-right: 150px;
}
.f7_top>div>div>img{
	width:500px ;
	height: 400px;
}
.f7_top>div>div>span:nth-child(1){
	color:rgb(255,205,0) ;
	font-size: 18px;
}
.f7_top>div>div>span{
	margin-top: 50px;
}
.f7_top>div>div{
	display: flex;
	flex-direction: column;
}
.f7_bottom{
	text-align: center;
}
.f7_bottom>img{
	width: 75px;
	height: 70px;
	margin: 5px;
}
.f7_top>div{
	display: none;
}
.f7_top_cur{
	display: flex!important;
}
.f7_bottom{
	margin-bottom: 100px;
}
.f7_bottom>img:hover{
	cursor: pointer;
}
.f7_bottom .f7_cur{
	border: 1px solid rgb(255,205,0);
	border-radius: 5px;
}
.f7{
	text-align: center;
	margin-top: 50px;
}
.f7>span{
	color: black;
	font-family:Helvetica Neue,Helvetica,Microsoft YaHei,Arial,sans-serif;
	font-size: 36px;
}
.f6>.container>div{
	margin-left: 150px;
	margin-right: 150px;
	position: relative;
	
}
.f6>.container>div>img{
	width:500px ;
	height: 500px;
	margin-left: 190px;
}
.f6>.container>.f6_header{
	text-align: center;
	color: black;
	font-family:Helvetica Neue,Helvetica,Microsoft YaHei,Arial,sans-serif;
	font-size: 36px;
}
.f6>.container>.f6_header2{
	text-align: center;
	color: black;
	font-family:Helvetica Neue,Helvetica,Microsoft YaHei,Arial,sans-serif;
	font-size: 24px;
	margin-top: 30px;
}
.f6>.container>p{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.f6_body>div{
	position: absolute;
}
.f6_item1{
	margin-top: -490px;
	margin-left: 10PX;
	width: 360px;
}
.f6_item2{
	margin-top: -340px;
	margin-left: 10PX;
	width: 340px;
}
.f6_item3{
	margin-top: -180px;
	margin-left: 10PX;
	width: 360px;
}
.f6_item4{
	margin-top: -490px;
	margin-left: 600PX;
	width: 280px;
}
.f6_item5{
	margin-top: -230px;
	margin-left: 690PX;
	width: 200px;
}
.f6_body>div>span{
	font-size: 30px;
	color:rgb(255,205,0);
}
.f6_body>div>p:nth-child(2){
	margin-top: 5px;
	font-size: 18px;
	font-family:Helvetica Neue,Helvetica,Microsoft YaHei,Arial,sans-serif;
	color: black;
}
.f6_body>div>p:nth-child(3){
	margin-top: 5px;
	font-size: 14px;
	font-family:Helvetica Neue,Helvetica,Microsoft YaHei,Arial,sans-serif;
}
/* 第五楼 */
.f5_header{
	text-align: center;
	color: black;
	font-family:Helvetica Neue,Helvetica,Microsoft YaHei,Arial,sans-serif;
	font-size: 36px;
}
.f5_body{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.f5_body>div{
	width: 280px;
	margin-top: 30px;
	text-align: center;
	background-color: rgb(255,255,255);
	border-radius: 5px;
}
.f5_body>div>img{
	width: 100px;
	height: 70px;
	margin-top: 60px;
}
.f5_body>div>p{
	margin-top: 30px;
}
.f5_body{
	margin-bottom: 100px;
}
/* 第四楼 */
.f4_header{
	text-align: center;
}
.f4_header>p:nth-child(1){
	color: black;
	font-family:Helvetica Neue,Helvetica,Microsoft YaHei,Arial,sans-serif;
	font-size: 24px;
	margin-top: 50px;
	margin-bottom: 10px;
}
.f4_header>p:nth-child(2){
	margin-bottom: 30px;
}
.f4_body{
	display: flex;
	margin-bottom: 100px;
}
.f4_body>div{
	flex: 1;
	margin: 10px;
	box-shadow:1px  3px  6px 2px #a8a8a8;
	border-radius: 5px;
}
.f4_body>div>a>img{
	max-width: 100%;
}
.f4_body>div>a>div{
	margin: 10px;
}
.f4_body>div>a>div>p:nth-child(1){
	margin-bottom: 10px;
}
.f4_body>div>a>div>p:nth-child(1):hover{
	color:rgb(255,205,0) ;
}
/* 第三楼 */
.f3_header>p:nth-child(1){
	color: black;
	font-family:Helvetica Neue,Helvetica,Microsoft YaHei,Arial,sans-serif;
	font-size: 24px;
	margin-top: 50px;
	margin-bottom: 10px;
	text-align: center;
}
.f3_header>p:nth-child(2){
	text-align: center;
	margin-bottom: 30px;
}
.f3_body{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.f3_body>div{
	width: 350px;
	margin: 10px;
	box-shadow:1px  3px  6px 2px #a8a8a8;
	/* filter: blur(1px); */
	border-radius: 5px;
}
/* 毛玻璃效果 */
/* .f3_body>div:hover{
	filter: blur(0px);
} */
.f3_body>div>a>img{
	max-width: 100%;
}
.f3_body>div>a>div{
	margin: 10px;
}
.f3_body>div>a>div>p:nth-child(1){
	margin-bottom: 10px;
}
.f3_body>div>a>div>p:nth-child(1):hover{
	color:rgb(255,205,0) ;
}
/* 第二楼 */
.f2{
	text-align: center;
}
.f2>img{
	height: 300px;
}